<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>商家详情</title>
    <link href="../css.min/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/header.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <style>
    	.mui-media-object{border-radius: 40px;}
    	.mui-table-view .mui-media-object{
    		line-height: 82px !important;
    		height: 82px !important;
    		max-width: 82px !important;
    	}
    	.mui-content>.mui-table-view:first-child{margin-top: 0px;}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">商家</h1>
	</header>
	<div class="mui-content">
		<ul class="mui-table-view" style="background-color: #00bb9c;color: white;opacity: 0.8;">
		    <li class="mui-table-view-cell mui-media mui-disabled">
		    	<div class="mui-table">
		    		<div class="mui-table-cell mui-text-center">
		    			<img id="store-picture" class="mui-media-object" src="../storepic/hfxtd.jpg">
		    		</div>
		    	</div>
		    	<div class="mui-table">
		    		<div class="mui-table-cell mui-text-center">
		    			<h4 id="store-name">上海冲印数码中心</h4>
		    		</div>
		    	</div>
		    	<div class="mui-table">
		    		<div class="mui-table-cell mui-text-center">
		    			13913848546
		    		</div>
		    	</div>
		    	<div class="mui-table" style="margin-top: 10px;">
		    		<div class="mui-table-cell mui-text-center">
		    			营业时间</br>9:00~21:00
		    		</div>
		    		<div class="mui-table-cell mui-text-center">
		    			门店服务</br>不支持WIFI
		    		</div>
		    	</div>
		    </li>
		</ul>
		
		<div class="mui-table" style="padding: 10px;">
			<div class="mui-table-cell">
				<h4>门店介绍：</h4>
				<p>数码冲印实体店是从事照片冲印、照片礼品制作的大型连锁冲印机构。现拥有连锁店3家，均坐落在繁华商业路段，交通便利。店内采用进口激光冲印设备及原装富士相纸药水，为富士指定冲印店。店家另有照片册、木版画、水晶摆台、T恤、台历、马克杯等个性照片礼品近百种。</p>
			</div>
		</div>
		
		<div class="mui-table" style="padding: 10px;">
			<div class="mui-table-cell">
				<h4>商家地址：</h4>
				<p id="store-address">九龙坡区科园四路162号联通南方花园营业厅（南方花园酒店对面）</p>
			</div>
		</div>
	</div>
</body>
<script src="../js.min/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
    mui.init();
    
    var Pic=null,Add=null,Name=null;
    document.addEventListener("DOMContentLoaded",function(){
    	Pic=document.getElementById("store-picture");
    	Add=document.getElementById("store-address");
    	Name=document.getElementById("store-name");
    });
    
    mui.plusReady(function(){
    	var currentView=plus.webview.currentWebview();
    	
    	Pic.setAttribute("src",currentView.pic);
    	Add.innerHTML=currentView.address;
    	Name.innerHTML=currentView.storeName;
    	
    });
    
</script>
</html>